<html manifest="IGNORE.manifest" lang="zh-CN" xmlns:th="http://www.thymeleaf.org" xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
    <title>本地材料市场</title>
    <link rel="stylesheet" type="text/css" href="../css/reset.css" th:href="@{${uiPath} + ${appName} + '/css/reset.css'}"/>
    <link rel="stylesheet" type="text/css" href="../css/cl.css" th:href="@{${uiPath} + ${appName} + '/css/cl.css'}"/>

    <script type="text/javascript" src="./js/flexible.js" th:src="@{${uiPath} + ${appName} + '/js/flexible.js?v=20171219'}"></script>

</head>
<body>
<div id="yezhubendi" class="zong bendizong">
    <div class="toubu">
        <a href="">
            <img class="fanhui" src="../images/raw_1503386635.png" alt="" th:src="@{${uiPath} + ${appName} + '/images/raw_1503386635.png'}">
        </a>
        <p class="bitoati">本地材料市场</p>
    </div>
    <div class="kuai"> </div>
    <div class="guangcak">
        <img class="dingwei" src="../images/raw_1503289426.png" alt="" th:src="@{${uiPath} + ${appName} + '/images/raw_1503289426.png'}">
        <form class="citylist">
            <select id="selecity">
                <option value="0531">济南</option>
                <option value="010">北京</option>
            </select>
        </form>
    </div>
    <div class="ssd">
        <div class="sousuo">
            <p class="wguangg"><b>搜索材料</b></p>
        </div>
        <div class="namesousuo">
            <p class="heidiandian"></p>
            <p class="tiaos twotiaos">根据名称搜索</p>

            <input class="shuruk" type="text" value="" placeholder="请输入商品名称，如 地板、吊灯、墙纸">

            <input class="soname" type="button" value="搜索" onclick="searchclick()">
            <img class="sousuoimg" src="../images/sousuo.png" th:src="@{${uiPath} + ${appName} + '/images/sousuo.png'}" alt="">
        </div>
        <div class="xianss"></div>
        <div class="firtfen">
            <div class="genju">
                <p class="heidiandian diandianhei"></p>
                <p class="tiaos twotiaos">根据条件搜索</p>
            </div>
            <div class="yezhudalei">
                <p  th:each="bigs,bigsStat: ${bigs}" th:utext="${bigs.bigName}"
                    th:class="${bigsStat.index==0}?'woshi kwdos':'woshi'" th:onclick="'typeClieck('+${bigs.bigId}+')'"
                    th:id="${bigs.bigId}+'big'" th:data="${bigs.bigId}">客厅卧室</p>

            </div>

        </div>
        <div id="divp">
            <div class="xgdier" th:each="bigsTypeList,bigsTypeStat: ${bigs}" th:id="${bigsTypeList.bigId}+'list'"
                 th:style="${bigsTypeStat.index==0}?'display:block':'display:none'">
                <div th:each="middleList,middleStat: ${bigsTypeList.materialGoodsTypeMiddleList}">
                    <p class="zlei zlei0" th:id="${middleList.middleId}+'ddleId'"
                       th:utext="${middleList.middleName}" th:class="${middleStat.index==0}?'woshi zlei0':'woshi'"
                       th:onclick="'listClieck('+${middleList.middleId}+')'" th:data="${middleList.middleId}">
                        建材类</p>
                </div>
            </div>

        </div>
        <div class="xiansss"></div>
        <div class="tishiyu">
            <p>点击下面按钮进入</p></div>
        <div id="threfen">
            <div th:each="bigsTypeALLList,bigsTypeStat: ${bigs}"
                 th:style="${bigsTypeStat.index==0}?'display:block':'display:none'"
                 th:id="${bigsTypeALLList.bigId+'typearea'}" class="xiugaidisan">
                <div class="areastatus"
                     th:each="middleAllList,middleallListStat:${bigsTypeALLList.materialGoodsTypeMiddleList}"
                     th:style="${middleallListStat.index==0}?'display:block':'display:none'"
                     th:id="${middleAllList.middleId+'ddleIdType'}">
                    <div th:each="middleSmallList,middleListStat:${middleAllList.materialGoodsTypeSmallList}"
                         th:if="${middleallListStat.size!=0}">
                        <p th:utext="${middleSmallList.smallName}" th:id="${middleSmallList.smallId}"
                           th:class="'threed'" class="zlei"
                           th:onclick="'areaClieck(this)'" th:data="${middleSmallList.smallId}"></p>
                    </div>
                </div>
            </div>
        </div>
        <div class="kuaikuaibai"></div>
    </div>

    <div class="guangcaik">
        <div class="sousuo">
            <p class="guangg"><b>逛材料市场</b></p>
        </div>
        <div class="yikuaiquyu">
            <p class="zhuangxiu">本地最大的装修材料市场</p>
            <a href="../CLS/CLS_BD_JCSCXQing.html">
                <p class="jb jinanhuangtai">济南黄台建材市场</p></a>
            <p class="jb">济南白鹤建材市场</p>
        </div>

    </div>

</div>
<form action="/materialGoodsIndex/getGoods" method="post" name="form1" style="display:none">
    <input type="hidden" name="id" id="typeId" >
    <input type="hidden" name="lng"  id="lng">
    <input type="hidden" name="lat"  id="lat">

</form>
    <script type="text/javascript" src="./js/jquery.min.js" th:src="@{${uiPath} + ${appName} + '/js/jquery.min.js?v=20171219'}"></script>
<!--
<script type="text/javascript" src="../js/share.js?v=201712191556" th:src="@{${uiPath} + ${appName} + '/js/share.js?v=201712191556'}"></script>
-->

<script type="text/javascript" src="../js/cl.js" th:src="@{${uiPath} + ${appName} + '/js/cl.js?v=201712191556'}"></script>

<script th:inline="javascript">
    function typeClieck(id) {
        $('.kwdos').removeClass('kwdos');
        $('#' + id + 'big').addClass('kwdos');
        $('.xgdier').hide();
        $('#' + id + 'list').show();
        $('.areastatus').hide();
        $('.zlei0').removeClass('zlei0');
        $('#' + id + 'list').children('div').first().children('p').first().addClass('zlei0');
        $('.xiugaidisan').hide();
        $('#' + id + 'typearea').show();
        $('#' + id + 'typearea').children('div').first().show();
    }
    function listClieck(id) {
        $('.zlei0').removeClass('zlei0');
        $('#' + id + 'ddleId').addClass('zlei0');
        $('.areastatus').hide();
        $('#' + id + 'ddleIdType').show();

    }

    function areaClieck(obj){

        $("#typeId").val($(obj).attr("data"));
        document.form1.submit();
    }

</script>
</body>
</html>